<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: wsh
 * @Date: 2023-06-20 18:06:15
 * @LastEditors: uphldjx 1373577124@qq.com
 * @LastEditTime: 2024-03-28 14:17:27
-->
<template>
	<BaseContainer>
		<aplid-base-crud ref="crud" class="w-100" layout="card" v-bind="baseConfig">
			<template v-slot:column="{ row }">
				<template v-if="row">
					<div class="text-center">
						<icon-building-four theme="filled" size="84" fill="#106ef5" :strokeWidth="1" strokeLinejoin="miter" strokeLinecap="butt" />
						<p class="text-value">{{ row.elevator == 0 ? '' : '有电梯' }}</p>
					</div>
					<div class="right-content">
						<p class="node-label">
							<span>{{ row.buildingName }}</span>
							<small> (共{{ row.buildingFloors }}层)</small>
						</p>
						<div class="item-box">
							<icon-local theme="filled" size="20" fill="#106ef5" :strokeWidth="1" strokeLinejoin="miter" strokeLinecap="butt" />
							<p class="text-value">{{ row.buildingAddress }}</p>
						</div>
					</div>
				</template>
			</template>
			<template v-slot:detailDialog="{ row }">
				<operateForm :nowRowData="row"></operateForm>
			</template>
		</aplid-base-crud>
	</BaseContainer>
</template>

<script setup lang="ts">
import { baseConfig } from './config'
import operateForm from '../operateForm/index.vue'
</script>

<style scoped lang="scss">
.right-content {
	display: flex;
	flex-flow: column;
	justify-content: space-around;
}
.item-box {
	display: flex;
	margin-bottom: 4px;
}
.text-value {
	color: #7a7878;
	font-weight: 600;
	font-size: vw(14);
}
</style>
